body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, hr, button, article, aside,
details, figcaption, figure, hgroup, menu, nav {
  margin: 0;
  padding: 0; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

audio, canvas, video {
  display: inline-block;
  *display: inline;
  *zoom: 1; }

fieldset, img {
  border: 0; }

address, caption, cite, code, dfn, em, strong, th, var {
  font-style: normal;
  font-weight: normal; }

ol, ul {
  list-style: none; }

caption, th {
  text-align: left; }

h1, h2, h3, h4, h5, h6 {
  font-size: 100%;
  font-weight: normal; }

q:before, q:after {
  content: ''; }

abbr, acronym {
  border: 0;
  font-variant: normal; }

sup {
  vertical-align: text-top; }

sub {
  vertical-align: text-bottom; }

input, textarea, select {
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit; }

input, textarea, select {
  *font-size: 100%; }

a {
  text-decoration: none;
  color: #000000; }

.fl {
  float: left; }

.fr {
  float: right; }

.clearfix {
  clear: both; }

body {
  width: 100%; }

body {
  width: 100%; }

section {
  width: 1366px;
  margin: 0 auto;
  padding-bottom: 44px; }

.nav {
  margin-top: 24px;
  margin-left: 182px;
  height: 12px;
  font-size: 12px;
  color: #444f58;
  margin-bottom: 23px; }

.ad {
  border-top: 1px solid #efefef;
  position: relative; }
  .ad p {
    position: absolute;
    top: 220px;
    background-color: #e60012;
    text-align: center;
    width: 58px;
    height: 26px;
    border-radius: 4px;
    font-size: 14px;
    line-height: 26px; }
    .ad p a {
      color: white; }
    .ad p:first-of-type {
      right: 295px; }
    .ad p:nth-of-type(2) {
      right: 224px; }

.main {
  width: 960px;
  margin: 10px auto 0 auto; }
  .main .topbar {
    width: 100%; }
    .main .topbar .classification {
      width: 138px;
      height: 52px;
      border: 1px solid #efefef;
      text-align: center;
      line-height: 52px;
      font-size: 14px;
      cursor: pointer; }
      .main .topbar .classification img {
        width: 11px;
        height: 6px;
        vertical-align: middle; }
    .main .topbar .inforbar {
      border-top: 1px solid #efefef;
      border-bottom: 1px solid #efefef;
      border-right: 1px solid #efefef;
      width: 774px;
      height: 52px;
      line-height: 52px;
      padding-left: 23px;
      padding-right: 22px; }
      .main .topbar .inforbar .goods {
        float: right;
        display: inline-block;
        font-size: 14px;
        color: #a9a9a9; }
        .main .topbar .inforbar .goods .sp {
          color: #444f58; }
        .main .topbar .inforbar .goods .num {
          color: red; }
  .main .clothes {
    width: 100%;
    margin-top: 12px; }
    .main .clothes .clothescell {
      width: 232px;
      position: relative;
      height: 282px;
      margin-right: 10px;
      margin-top: 52px;
      transition: all 0.5s; }
      .main .clothes .clothescell:hover {
        z-index: 99;
        transition: all 0.5s; }
      .main .clothes .clothescell:hover .img-w > img {
        -webkit-transform: scale(1.2);
                transform: scale(1.2);
        transition: -webkit-transform 0.5s;
        transition: transform 0.5s;
        transition: transform 0.5s, -webkit-transform 0.5s; }
      .main .clothes .clothescell:hover .cellbottom {
        height: 97px;
        transition: height 0.5s; }
      .main .clothes .clothescell:nth-of-type(4n) {
        margin-right: 0; }
      .main .clothes .clothescell:nth-of-type(1), .main .clothes .clothescell:nth-of-type(2), .main .clothes .clothescell:nth-of-type(3), .main .clothes .clothescell:nth-of-type(4) {
        margin-top: 0; }
      .main .clothes .clothescell .img-w {
        border: 1px solid #efefef;
        overflow: hidden; }
        .main .clothes .clothescell .img-w img {
          width: 230px;
          height: 230px;
          -webkit-transform: scale(1);
                  transform: scale(1);
          transition: -webkit-transform 0.5s;
          transition: transform 0.5s;
          transition: transform 0.5s, -webkit-transform 0.5s; }
      .main .clothes .clothescell .cellbottom {
        width: 100%;
        height: 50px;
        overflow: hidden;
        position: absolute;
        top: 232px;
        transition: height 0.5s; }
        .main .clothes .clothescell .cellbottom p:first-of-type {
          height: 14px;
          width: 100%;
          margin-top: 12px;
          color: #444f58; }
        .main .clothes .clothescell .cellbottom p:nth-of-type(2) {
          height: 12px;
          font-size: 12px;
          margin-top: 10px;
          color: #99999a; }
        .main .clothes .clothescell .cellbottom p:nth-of-type(3) {
          height: 20px;
          margin-top: 17px;
          width: 100%;
          font-size: 0;
          text-align: right; }
          .main .clothes .clothescell .cellbottom p:nth-of-type(3) span {
            display: inline-block;
            width: 70px;
            color: white;
            background-color: black;
            border-radius: 10px;
            font-size: 11px;
            line-height: 20px;
            text-align: center;
            margin-right: 9px; }

.tiaozhuan {
  width: 960px;
  margin: 40px auto 0 auto;
  font-size: 0; }
  .tiaozhuan .tiaozhuanbar {
    display: inline-block;
    height: 38px;
    line-height: 36px; }
    .tiaozhuan .tiaozhuanbar .numberwarp {
      width: 36px;
      height: 36px;
      border: 1px solid #efefef;
      font-size: 10px;
      line-height: 36px;
      border-radius: 3px;
      text-align: center;
      color: #444f58;
      margin-left: 9px;
      cursor: pointer; }
      .tiaozhuan .tiaozhuanbar .numberwarp a {
        width: 100%;
        height: 100%;
        display: block; }
      .tiaozhuan .tiaozhuanbar .numberwarp:first-of-type {
        margin-left: 0; }
    .tiaozhuan .tiaozhuanbar .active {
      border: 1px solid red;
      color: red; }
    .tiaozhuan .tiaozhuanbar .no {
      border: 1px solid white; }
    .tiaozhuan .tiaozhuanbar .morewarp {
      width: 66px;
      height: 36px;
      border: 1px solid #efefef;
      font-size: 10px;
      line-height: 36px;
      border-radius: 3px;
      text-align: center;
      color: #444f58;
      margin-left: 9px;
      cursor: pointer; }
